Micron Document
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
| SparkN0de-git | SparkN0de |
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Node / ReticulumProjects / MeshChatX.git / commits / 4793266


Commit 47932669dcc52702125d23e30e44e678856b2f2d

󰉖 Browse tree at this commit

Parents : 7091e81
Author : Ivan <ivan@quad4.io>
Signature : Signature validation error
Date : 2026-04-01T02:33:10+03:00

refactor(vite.config): update code splitting by defining vendor chunk groups and updating export configuration

Changes

1 files changed, 24 insertions(+), 47 deletions(-)

M vite.config.js +24 -47

Diff

diff --git a/vite.config.js b/vite.config.js
index da242509..c7ec9bb7 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,8 +1,27 @@
import path from "path";
import fs from "fs";
+import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import vuetify from "vite-plugin-vuetify";
+const nm = /[/\\]node_modules[/\\]/;
+const vendorChunkGroups = [
+ { test: new RegExp(`${nm.source}vuetify`), name: "vendor-vuetify" },
+ { test: new RegExp(`${nm.source}(vis-network|vis-data)`), name: "vendor-vis" },
+ { test: new RegExp(`${nm.source}vue-router`), name: "vendor-vue-router" },
+ { test: new RegExp(`${nm.source}(protobufjs|@protobufjs)`), name: "vendor-protobuf" },
+ { test: new RegExp(`${nm.source}dayjs`), name: "vendor-dayjs" },
+ { test: new RegExp(`${nm.source}@mdi(?:\\/|\\\\)js`), name: "vendor-mdi" },
+ { test: new RegExp(`${nm.source}compressorjs`), name: "vendor-compressor" },
+ { test: new RegExp(`${nm.source}click-outside-vue3`), name: "vendor-click-outside" },
+ { test: new RegExp(`${nm.source}mitt`), name: "vendor-mitt" },
+ { test: new RegExp(`${nm.source}micron-parser`), name: "vendor-micron" },
+ { test: /MicronParser\.js/, name: "vendor-micron" },
+ { test: new RegExp(`${nm.source}electron-prompt`), name: "vendor-electron-prompt" },
+ { test: new RegExp(`${nm.source}.*vue`), name: "vendor-vue" },
+ { test: nm, name: "vendor-other" },
+];
+
// Purge old assets before build to prevent accumulation
const assetsDir = path.join(__dirname, "meshchatx", "public", "assets");
if (fs.existsSync(assetsDir)) {
@@ -13,7 +32,7 @@ const e2eBackendPort = process.env.E2E_BACKEND_PORT || "8000";
const e2eBackendOrigin = `http://127.0.0.1:${e2eBackendPort}`;
const e2eBackendWs = `ws://127.0.0.1:${e2eBackendPort}`;
-export default {
+export default defineConfig({
plugins: [vue(), vuetify()],
server: {
@@ -44,7 +63,7 @@ export default {
outDir: path.join(__dirname, "meshchatx", "public"),
emptyOutDir: false,
- rollupOptions: {
+ rolldownOptions: {
treeshake: {
moduleSideEffects: (id) => {
if (id.includes("@mdi/js")) {
@@ -54,53 +73,11 @@ export default {
},
},
input: {
- // we want to use /meshchatx/src/frontend/index.html as the entrypoint for this vite app
app: path.join(__dirname, "meshchatx", "src", "frontend", "index.html"),
},
output: {
- manualChunks(id) {
- if (id.includes("node_modules")) {
- if (id.includes("vuetify")) {
- return "vendor-vuetify";
- }
- if (id.includes("vis-network") || id.includes("vis-data")) {
- return "vendor-vis";
- }
- if (id.includes("vue-router")) {
- return "vendor-vue-router";
- }
- if (id.includes("vue")) {
- return "vendor-vue";
- }
- if (id.includes("protobufjs") || id.includes("@protobufjs")) {
- return "vendor-protobuf";
- }
- if (id.includes("dayjs")) {
- return "vendor-dayjs";
- }
- if (id.includes("axios")) {
- return "vendor-axios";
- }
- if (id.includes("@mdi/js")) {
- return "vendor-mdi";
- }
- if (id.includes("compressorjs")) {
- return "vendor-compressor";
- }
- if (id.includes("click-outside-vue3")) {
- return "vendor-click-outside";
- }
- if (id.includes("mitt")) {
- return "vendor-mitt";
- }
- if (id.includes("micron-parser") || id.includes("MicronParser.js")) {
- return "vendor-micron";
- }
- if (id.includes("electron-prompt")) {
- return "vendor-electron-prompt";
- }
- return "vendor-other";
- }
+ codeSplitting: {
+ groups: vendorChunkGroups,
},
},
},
@@ -113,4 +90,4 @@ export default {
resolve: {
dedupe: ["vue"],
},
-};
+});


──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────